<template>
    <view class="w-350px mx-auto my-10px flex flex-col gap-2 mt-2">
        <view class="w-full">
            <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
        </view>
        <view class="flex w-full gap-2">
            <view class="flex-1">
                <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
            </view>
            <view class="flex-1">
                <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
            </view>
        </view>
        <view class="flex w-full gap-2">
            <view class="flex-1">
                <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
            </view>
            <view class="flex-1">
                <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
            </view>
            <view class="flex-1">
                <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
            </view>
        </view>

        <view class="w-full">
            <view class="flex w-full gap-2">
                <view class="flex-1">
                    <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
                </view>
                <view class="flex-1">
                    <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
                </view>
            </view>
            <view class="flex w-full gap-2">
                <view class="flex-1">
                    <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
                </view>
                <view class="flex-1">
                    <image class="w-full h-150 rounded-1" mode="aspectFill" :src="pic" />
                </view>
            </view>
        </view>

        <view class="w-full">
            <view class="grid grid-cols-3 gap-1">
                <!-- gap-1 对应4px间隙 -->
                <view v-for="i in 9" :key="i">
                    <image class="w-full h-[60px] object-cover rounded" mode="aspectFill"
                        :src="pic" />
                </view>
            </view>
        </view>
    </view>
</template>

<script setup lang="ts">
import pic from '@/assets/ico/pic.png';
</script>
